<template>
  <div class="q-pa-md q-gutter-md">
    <div>
      <t-chips size="18px" icon="bookmark"> Bookmark </t-chips>
    </div>

    <div>
      <t-chips size="xs" icon="bookmark"> Bookmark </t-chips>

      <t-chips size="sm" icon="bookmark"> Bookmark </t-chips>

      <t-chips size="md" icon="bookmark"> Bookmark </t-chips>

      <t-chips size="lg" icon="bookmark"> Bookmark </t-chips>

      <t-chips size="xl" icon="bookmark"> Bookmark </t-chips>
    </div>

    <div>
      <t-chips dense size="xs" icon="bookmark"> Bookmark </t-chips>

      <t-chips dense size="sm" icon="bookmark"> Bookmark </t-chips>

      <t-chips dense size="md" icon="bookmark"> Bookmark </t-chips>

      <t-chips dense size="lg" icon="bookmark"> Bookmark </t-chips>

      <t-chips dense size="xl" icon="bookmark"> Bookmark </t-chips>
    </div>
  </div>
</template>
